$(function() {
    var form = layui.form;
    var layer = layui.layer

    // 利用 layui 的内置模块，自定义规则
    form.verify({
        nickname: function(value) {
            if(value.length > 6) {
                return '昵称长度必须在 1~6 字符之间'
            }
        }
    })

    initUserInfo()

    // 初始化用户基本信息
    function initUserInfo(){
        $.ajax({
            method: 'GET',
            url: '/my/userinfo',
            success: function(res) {
                if(res.status !== 0) {
                    return layer.msg('获取用户信息失败！')
                }
                // 调用 form.val() 快速为表单赋值
                form.val('formUserInfo', res.data);
            }
        })
    }
    
    // 重置表单数据
    $('#btnReset').on('click', function(e) {
        // 阻止表单的默认重置行为
        e.preventDefault()

        initUserInfo()
    })


    // 剪切字符串
    function func(value) {
        const num = value.split('&');
        return value.replace(num[1] + '&', '')
    }

    // 监听表单的提交事件
    $('.layui-form').on('submit', function(e) {
        // 阻止表单的默认提交行为
        e.preventDefault()
        // 发起 ajax 数据请求
        $.ajax({
          method: 'POST',
          url: '/my/userinfo',
          data: func($(this).serialize()),
          success: function(res) {
            if (res.status !== 0) {
              return layer.msg('更新用户信息失败！')
            }
            layer.msg('更新用户信息成功！')
            // 调用父页面中的方法，重新渲染用户的头像和用户的信息
            window.parent.getUserInfo()
          }
        })
        // console.log($(this).serialize());
        // console.log(func($(this).serialize()));
    })

})